15. Interface and Application Programming.

This week we worked on the Interface and Application Programming.

Description of the work process of the week15

To do this, analyze software and a web application. Qt is an open source software, it uses the C++ language natively, its interface allows you to drag widgets, create your interface with different elements and when finished save it in an UI format file that you can later save to text. App invertor for Android is an open source web application, which also allows you to create your interface, the only bad thing is that it only gives you a 14-day free trial, although its interface is also very intuitive and I liked it because it is very Attractive, if you are a beginner like me I recommend using this application.

For this task I wanted to venture to explore QT, because it is the one our instructor taught us, for this I installed QT on my computer. The first step is to design the graphical interface, to do this, when you open the software a window appears in which you can select what you are going to do, select “Dialog with buttons button”, this opened a new view where by default some buttons appear, which you can later remove and re-form your own widgets. To add a new widget, on the side you will find the ones you need, select, drag and drop on the board you are working on, these widgets You can modify it since in the part of the screen you will find the properties (letter, color, font) of each one.

And that's how you start and customize your interface, but that's just the design that's still missing. We still need to create the slot signal connection, these signals will allow our interface to come to life, so that when the user clicks on a button they can interact with it. our interface. To do this all you have to do is click on a button that you will find in the top bar of QT, “Edit signal/slot”. If you want to have a preview of your interface you can select “preview”, which you will find in the top drop-down menu called “form”. Step after this, we save it as a UI (user interface) file. We will later convert this XLM file to python and that way we can create an interactive interface. I made the interface to be able to turn an LED on and off.

Useful links

Evidence

Video